<template>
	<!-- #ifdef !H5 -->
	<view class="container" style="padding-top: 20px;">
		<!-- #endif -->
		<!-- #ifdef H5 -->
		<view class="container">
			<!-- #endif -->
			<default-bar bgColor="bg-gradual-colorP-reverse" :fixed="true"></default-bar>
			<view class="tui-header-banner">
				<view class="tui-banner-bg bg-gradual-colorP-reverse">
					<view class="tui-banner-box">
						<view class="user-info" v-if="checkUserStatus">
							<image class="user-img" :src="userInfo.headimg" mode=""></image>
							<view class="name">
								<view class="">
									<text class="text-cut">{{userInfo.user_name}}</text>
									<image v-if="identityImg" :src="identityImg" mode=""></image>
								</view>
								<!-- <view>
								<text class="uni-icon uni-icon-arrowdown">编辑信息</text>
								<uni-icon size="13" type="arrowright"></uni-icon>
							</view> -->
							</view>
							<view class="use-btn">
								<view class="" @click="noExploitNew">
									<image src="https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/person-msg.png"
									 mode=""></image>
								</view>
								<view class="" @click="makePhoneNew">
									<image src="https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/person-service.png"
									 mode=""></image>
								</view>
							</view>
						</view>
						<view class="user-info no-login" v-if="!checkUserStatus">
							<view class="">Hi，欢迎来到掌商</view>
							<view class="" @click="goLoginNew">登录</view>
						</view>
						<view class="money-info shadow shadow-colorP">
							<view class="title">
								<view class="">
									云钱包
								</view>
								<view class="" @click="toMyBegNew">
									<text>进入云钱包</text>
									<uni-icon size="14" type="arrowright" color="#999"></uni-icon>
								</view>
							</view>
							<view class="mon-cont">
								<view class="">
									<view class="text-price text-colorP" v-if="checkUserStatus" @click="navigate('/pages/withdrawalrd')">{{hasMoney}}</view>
									<view class="text-colorP" v-if="!checkUserStatus">*****</view>
									<view class="">
										余额
									</view>
								</view>
								<view class="">
									<view class="text-colorP" v-if="checkUserStatus">{{hasScore}}</view>
									<view class="text-colorP" v-if="!checkUserStatus">*****</view>
									<!-- 更改于   2019/08/28  奖励转积分 -->
									<view class="">
										积分
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- <view class="mall-order margin-top-person">
				<view class="content">
					<view class="title">
						<view class="">
							云商城订单
						</view>
						<view class="" data-url="/pages/cloudMall/logisticsOrder?current=0" @click="logisticsNavNew">
							<text>查看全部订单</text>
							<uni-icon size="14" type="arrowright" color="#999"></uni-icon>
						</view>
					</view>
					<view class="mall-btn">
						<view class="mall-item" data-url="/pages/cloudMall/logisticsOrder?current=0" @click="logisticsNavNew">
							<image src="https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/resources/For-the-payment.png" mode=""></image>
							<text>待付款</text>
						</view>
						<view class="mall-item" data-url="/pages/cloudMall/logisticsOrder?current=1" @click="logisticsNavNew">
							<image src="https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/resources/To-send-the-goods.png" mode=""></image>
							<text>待发货</text>
						</view>
						<view class="mall-item" data-url="/pages/cloudMall/logisticsOrder?current=2" @click="logisticsNavNew">
							<image src="https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/resources/For-the-goods.png" mode=""></image>
							<text>待收货</text>
						</view>
						<view class="mall-item" data-url="/pages/cloudMall/logisticsOrder?current=3" @click="logisticsNavNew">
							<image src="https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/resources/evaluation.png" mode=""></image>
							<text>已收货</text>
						</view>
						<view class="mall-item" data-url="/pages/cloudMall/logisticsOrder?current=4" @click="logisticsNavNew">
							<image src="https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/resources/refund%20after.png" mode=""></image>
							<text>已完成</text>
						</view>
						
					</view>
				</view>
			</view> -->
			<!-- <view class="mall-item" data-url="/pages/cloudMall/evaluate" @click="logisticsNavNew">
				<image src="https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/resources/evaluation.png" mode=""></image>
				<text>评价</text>
			</view>
			<view class="mall-item" data-url="/pages/cloudMall/refund" @click="logisticsNavNew">
				<image src="https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/resources/refund%20after.png" mode=""></image>
				<text>退款/售后</text>
			</view> -->
			<!-- 大使 -->
			<view class="ambassadors  margin-top-person" v-if="userInfo.is_generalize">
				<view class="title">
					<view class="">
						推广大使
					</view>
					<view class="">
					</view>
				</view>
				
				<view class="tabbb">
					<image src="https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/resources/ambassador-bg1.png?x-oss-process=image/resize,m_fill,h_150,w_320"
					 mode=""  @click="navigate('/pages/ambassadorsMall')"></image>
					<image src="https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/resources/ambassador-bg2.png?x-oss-process=image/resize,m_fill,h_150,w_320"
					 mode=""  @click="navigate('/pages/ambassadorsFans')"></image>
				</view>
			</view>
			<view class="" :class="[!userInfo.is_generalize?'margin-top-person':'','person-content']">
				<view class="content">
					<person-cell v-for="(item,index) in menuList" :lastClass="(index==menuList.length-1)?'active':''" :key="index"
					 :item="item" @navigate="navigate"></person-cell>
				</view>
			</view>
			<!-- 购物车（暂时先去掉） -->
			<!-- <view class="cart" @click="navigate('/pages/cloudMall/shoppingCart')">
				<tui-icon name="cart" :size="size" color='#fff'></tui-icon>
			</view> -->
			<view class="sign-in-div" v-if="isSignShow">
				<view class="cont" >
					<view class="">
						每日签到
					</view>
					<view class="">
						<text></text>
						<text>今日还未签到</text>
						<text></text>
					</view>
					<image src="https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/resources/Daily-check.png" mode=""></image>
					<view class="">
						快去签到赚积分吧~
					</view>
					<view class="" @click="navigate('/pages/wallet')">
						前往签到
					</view>
					<view class="" @click="closeSign">
						<image src="https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/resources/Integral-closure.png" mode=""></image>
					</view>
				</view>
			</view>
			<tui-modal :show="modalShow" @click="handleClick" @cancel="hide" content="您还未登录,请先登录" :button="button"></tui-modal>
		</view>
</template>

<script>
	import uniIcon from '@/components/uni-icon/uni-icon.vue'
	import tuiIcon from "@/components/thorUI/icon"
	import personCell from "../component/person-cell"
	import tuiModal from "@/components/thorUI/modal.vue"
	export default {
		components: {
			uniIcon,
			tuiIcon,
			personCell,
			tuiModal
		},
		data() {
			return {
				userInfo: {},
				identityImg: '',
				size: 22,
				menuList: [],
				StatusBar: this.StatusBar,
				modalShow: false,
				button: [{
					text: "暂不登录",
					type: 'gray'
				}, {
					text: "立即登录",
					type: 'red'
				}],
				allList: [{
					type: 'cust',
					list: [{
							title: '我的收藏',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/person-exchange.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/exchange'
						},
						{
							title: '代理商户',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/person-shops.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/custMyShop'
						},
						{
							title: '商户入驻',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/person-code.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/qr?status=1'
						},
						{
							title: '代理加盟',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/person-cooperation.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/joinUs'
						},
						{
							title: '帮助与反馈',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/person-faceBook.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/helpAndFeedback'
						},
						{
							title: '设置',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/person-set.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/reset'
						}
					]
				}, {
					type: 'user',
					list: [{
							title: '我的收藏',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/person-exchange.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/exchange'
						},
						{
							title: '代理加盟',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/person-cooperation.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/joinUs'
						},
						{
							title: '帮助与反馈',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/person-faceBook.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/helpAndFeedback'
						},
						{
							title: '设置',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/person-set.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/reset'
						}
					]
				}, {
					type: 'shop',
					list: [{
							title: '资金管理',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/resources/Money-management.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/PricePoolWheel'
						}, {
							title: '店铺粉丝',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/resources/Shop-fans.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/shopFans'
						},
						{
							title: '店铺消费',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/person-sale.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/shopSale'
						},
						{
							title: '美团订单',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/person-change-order-1.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/changeOrder?type=mt'
						},
						{
							title: '商城订单',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/person-order.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/changeOrder?type=sc'
						},
						{
							title: '流量收益',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/resources/traffic-revenue.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/trafficRevenue'
						},
						{
							title: '我的收藏',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/person-exchange.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/exchange'
						},
						{
							title: '二维码',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/person-code.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/qr?status=2'
						},
						{
							title: '代理加盟',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/person-cooperation.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/joinUs'
						},
						{
							title: '帮助与反馈',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/person-faceBook.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/helpAndFeedback'
						},
						{
							title: '设置',
							icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/person-set.png',
							type: 'navigate',
							desc: '',
							typeUrl: '/pages/reset'
						}
					]
				}],
				checkUserStatus: false,
				curUrl: '',
				hasMoney: '',
				hasScore: '',
				isSignShow: false
			}
		},
		onReady() {
			let curUrl = `/${this.thisCurUrlWithArgs()}`
			this.curUrl = encodeURIComponent(curUrl)
		},
		onShow() {
			this.checkUserStatus = this.checkUserNew()
			if (this.checkUserStatus) {
				this.getUserInfoNew()
				this.getUserMoneyNew()
			} else {
				var filter = this.allList.filter(item => item.type == 'user')
				this.menuList = filter[0].list
			}
		},
		onHide() {
			if(this.isSignShow) this.isSignShow = false
		},
		methods: {
			closeSign(){
				this.isSignShow = false
			},
			getUserMoneyNew() {
				var that = this;
				this.$request({
					url: '/Withdraws/getUserMoney',
					success: res => {
						if (res.data.status == 1) {
							that.hasMoney = res.data.data.user_money
							that.hasScore = String(res.data.data.jifen)
							uni.hideLoading()
						}
					},
					fail: () => {},
					complete: () => {}
				});
			},
			handleClick(e) {
				let index = e.index;
				var userInfo = uni.getStorageSync('userInfo')
				if (index === 0) {} else {
					if (userInfo.id && userInfo.m_id) {
						uni.navigateTo({
							url: `/pages/phoneGetSet?loginCode=${encodeURIComponent(uni.getStorageSync('wxSessionKey'))}&next=${this.curUrl}`
						});
					} else {
						uni.navigateTo({
							url: `/pages/login?next=${this.curUrl}`,
						})
					}
				}
				this.hide()

			},
			hide() {
				this.modalShow = false
			},
			// 登录登录
			goLoginNew() {
				this.modalShow = true
			},
			// 获取页面栈的路径
			thisCurUrlWithArgs() {
				var pages = getCurrentPages()
				var currentPage = pages[pages.length - 1]
				var url = currentPage.route
				var options = currentPage.options
				var urlWithArgs = url + '?'
				for (var key in options) {
					var value = options[key]
					urlWithArgs += key + '=' + value + '&'
				}
				urlWithArgs = urlWithArgs.substring(0, urlWithArgs.length - 1)
				return urlWithArgs
			},
			// 去我的钱包
			toMyBegNew() {
				if (!this.checkUserStatus) {
					uni.showToast({
						title: '登录之后浏览更多！',
						icon: 'none'
					})
					return
				}

				uni.navigateTo({
					url: '/pages/wallet?beMoney=' + this.userInfo.waited_money + '&noMoney=' + this.userInfo.wait_money
				})
			},
			// 拨打客服电话
			makePhoneNew() {
				uni.makePhoneCall({
					phoneNumber: '029-68953163'
				})
			},
			// 敬请期待
			noExploitNew() {
				uni.showToast({
					title: '敬请期待'
				})
			},
			// 页面跳转
			navigate(val) {
				if (!this.checkUserStatus) {
					uni.showToast({
						title: '登录之后浏览更多！',
						icon: 'none'
					})
					return
				}
				if (val) {
					uni.navigateTo({
						url: val
					})
				}
			},
			// 页面跳转
			logisticsNavNew(e) {
				if (!this.checkUserStatus) {
					uni.showToast({
						title: '登录之后浏览更多！',
						icon: 'none'
					})
					return
				}
				var val = e.currentTarget.dataset.url
				if (val) {
					uni.navigateTo({
						url: val
					})
				}
			},
			// 检测是否登陆   公众号不需要手机号也可以获取成功   app和小程序则需要所有都获取
			checkUserNew() {
				// #ifdef H5 || APP-PLUS
				if (uni.getStorageSync('auth_token')) {
					return true
				} else {
					return false
				}
				// #endif
				// #ifdef MP-WEIXIN
				if (uni.getStorageSync('auth_token') && uni.getStorageSync('userInfo') && uni.getStorageSync('userInfo').phone) {
					return true
				} else {
					return false
				}
				// #endif
			},
			// 获取用户信息
			getUserInfoNew() {
				var that = this;
				this.$request({
					url: '/User/getInfo',
					success: res => {
						if (res.data.status == 1) {
							var userInfo = res.data.data
							userInfo.user_money = Number(userInfo.user_money).toFixed(2)
							wx.setStorageSync('userInfo', userInfo)
							that.userInfo = userInfo
							var filter = null
							
							if (userInfo.identity == 2) {
								//代理商
								that.identityImg =
									'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/cust-logo.png'
								filter = that.allList.filter(item => item.type == 'cust')[0].list
							} else if (userInfo.identity == 1) {
								//商家
								that.identityImg =
									'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/shop-logo.png'
								filter = that.allList.filter(item => item.type == 'shop')[0].list
							} else {
								filter = that.allList.filter(item => item.type == 'user')[0].list
							}

							// 每次先删掉   再去判断
							if (filter[0] && filter[0].title == '我的商业圈') {
								filter.splice(0, 1)
								filter = [...filter]
							}
							if (filter[3] && filter[3].title == '核销中心') {
								filter.splice(3, 1)
								filter = [...filter]
							}

							if (filter[4] && filter[4].title == '收银员') {
								filter.splice(4, 1)
								filter = [...filter]
							}

							if (filter[5] && filter[5].title == '收银记录') {
								filter.splice(5, 1)
								filter = [...filter]
							}

							// 是否添加核销中心
							if (userInfo.is_verification) {
								var HX = {
									title: '核销中心',
									icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/person-cancel.png',
									type: 'navigate',
									desc: '',
									typeUrl: '/pages/chargeOff'
								}
								filter.splice(3, 0, HX)
								filter = [...filter]
							}

							if (userInfo.is_distribution) {
								let HX = {
									title: '收银员',
									icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/distribut-man.png',
									type: 'navigate',
									desc: '',
									typeUrl: '/pages/ticketCenter'
								}
								filter.splice(4, 0, HX)
								filter = [...filter]
							}

							if (userInfo.is_distribution) {
								let HX = {
									title: '收银记录',
									icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/%E5%85%8D%E5%8D%95%E9%80%9AApp/distribut-man-record.png',
									type: 'navigate',
									desc: '',
									typeUrl: '/pages/ticketRecord'
								}
								filter.splice(5, 0, HX)
								filter = [...filter]
							}


							// 判断是否属于某个商圈
							if (userInfo.chain_shop_id) {
								filter.unshift({
									title: '我的商业圈',
									icon: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/resources/union.png',
									type: 'navigate',
									desc: '',
									typeUrl: '/pages/affiliateList?chainId=' + userInfo.chain_shop_id + '&flag=' + userInfo.master_chain_flag
								})
							}

							that.menuList = [...filter]
							if(!userInfo.is_sign) that.isSignShow = true
							uni.hideLoading()
						}
					},
					fail: (err) => {

						console.log(err)
					},
					complete: () => {}
				});
			}
		}
	}
</script>

<style scoped>
	.cart {
		width: 80rpx;
		height: 80rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		bottom: 20rpx;
		/* #ifdef H5 */
		bottom: 120rpx;
		/* #endif */
		right: 20rpx;
		border-radius: 100%;
		background: #F34930;
	}

	.container {
		overflow-y: scroll;
	}

	.tui-header-banner {
		width: 100%;
		/* #ifdef H5 */
		/* padding-top: 20upx !important; */
		/* #endif */
	}

	.tui-banner-bg {
		width: 100%;
		display: flex;
		height: 400rpx;
		position: relative;
		/* border-radius: 0 0 70rpx 70rpx; */
		/* justify-content: center; */
	}

	.tui-banner-box {
		width: 100%;
		box-sizing: border-box;
		position: absolute;
		z-index: 99;
		top: 30upx;
		/* #ifdef H5 */
		top: 60upx;
		/* #endif */
		left: 0;
		/* #ifdef MP-WEIXIN */
		padding-top: 40px;
		/* #endif */
		padding-left: 24rpx;
		padding-right: 24rpx;
		display: flex;
		flex-direction: column;
	}

	.user-info {
		width: 100%;
		height: 120rpx;
		display: flex;
		box-sizing: border-box;
		position: relative;
		/* #ifdef APP-PLUS */
		margin-top: 40rpx;
		/* #endif */
		padding: 0 20rpx;
	}

	.user-info .user-img {
		width: 120rpx;
		height: 120rpx;
		margin-right: 20rpx;
		border-radius: 100%;
		border: solid 6rpx #fff;
		box-sizing: border-box;
	}

	.user-info .name {
		flex: 1;
		display: flex;
		flex-direction: column;
	}

	.user-info .name>view:nth-child(1) {
		flex: 1;
		display: flex;
		align-items: center;
	}

	.user-info .name>view:nth-child(1) text {
		font-size: 36rpx;
		font-weight: bold;
		color: #ffffff;
		display: inline-block;
		max-width: 380rpx;
	}

	.user-info .name>view:nth-child(1) image {
		width: 40rpx;
		height: 40rpx;
		margin-left: 15rpx;
	}

	.user-info .name>view:nth-child(2) {
		flex: 1;
		color: #ffffff;
		font-size: 26rpx;
	}

	.user-info .use-btn {
		width: 100rpx;
		display: flex;
		height: 36rpx;
		position: absolute;
		right: 0;
		top: 0;
		justify-content: space-between;
	}

	.user-info .use-btn>view {
		width: 40rpx;
		height: 40rpx;
		position: relative;
	}

	.user-info .use-btn>view image {
		width: 100%;
		height: 100%;
	}

	.money-info {
		width: 100%;
		background: #fff;
		height: 240rpx;
		margin-top: 30rpx;
		box-sizing: border-box;
		border-radius: 8rpx;
		/* padding: 20rpx 20rpx 0; */
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		/* #ifdef APP-PLUS */
		margin-top: 40rpx;
		/* #endif */
		border-radius: 10rpx;
	}

	.title {
		width: 100%;
		height: 78rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 20rpx;
		border-bottom: solid 1rpx #efefef;
	}

	.second-title>view:nth-child(1) {
		font-size: 28rpx !important;
		font-weight: normal !important;
	}

	.title>view:nth-child(1) {
		color: #333333;
		font-size: 30rpx;
		font-weight: bold;
	}

	.title>view:nth-child(2) {
		display: flex;
		align-items: center;
	}

	.title>view:nth-child(2) text {
		color: #999999;
		font-size: 24rpx;
		margin-right: 10rpx;
		/* line-height: 40rpx; */
		/* margin-top: 10rpx; */
	}


	.second-title>view:nth-child(2) text {
		font-size: 26rpx !important;
	}


	.money-info .mon-cont {
		flex: 1;
		width: 100%;
		display: flex;
	}

	.money-info .mon-cont>view {
		flex: 2;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.money-info .mon-cont>view:nth-child(3) {
		flex: 1;
	}

	.money-info .mon-cont>view:nth-child(3)>view {
		padding: 8rpx 20rpx;
		border-radius: 30rpx;
		font-size: 28rpx;
	}

	.money-info .mon-cont>view .text-colorP {
		font-size: 40rpx;
		margin-bottom: 10rpx;
		font-weight: bold;
	}

	.money-info .mon-cont>view>view:nth-child(2) {
		font-size: 30rpx;
		color: #404040;
	}

	.tui-badge {
		width: auto
	}

	.tui-msg::after {
		left: 154upx !important
	}

	.my-badge {
		right: -10rpx !important;
	}

	.margin-top-person {
		margin-top: 120rpx !important;
		/* #ifdef H5 */
		margin-top: 100rpx !important
			/* #endif */
	}

	.person-content {
		width: 100%;
		padding: 0 24rpx 30rpx;
		box-sizing: border-box;
		margin-top: 20rpx
	}

	.content {
		border-radius: 8rpx;
		width: 100%;
		display: flex;
		flex-direction: column;
		background: #fff;
		box-shadow: 6rpx 6rpx 8rpx rgba(243, 73, 48, .2);
	}

	.person-content .content .item:last-child .show {
		border-bottom: none;
	}

	.no-login {
		display: flex;
		flex-direction: column;

	}

	.no-login>view:nth-child(1) {
		font-size: 36rpx;
		color: #ffffff;
	}

	.no-login>view:nth-child(2) {
		width: 200rpx;
		height: 56rpx;
		background-color: #ffffff;
		box-shadow: 0rpx 8rpx 20rpx 0rpx rgba(224, 44, 15, 0.5);
		border-radius: 28rpx;
		font-size: 30rpx;
		color: #f34930;
		text-align: center;
		line-height: 58rpx;
		margin-top: 15rpx
	}

	.mall-order {
		width: 100%;
		padding: 0 24rpx;
		box-sizing: border-box;
	}

	.mall-btn {
		width: 100%;
		display: flex;
		padding: 30rpx 0;
	}

	.mall-btn .mall-item {
		flex: 1;
		height: 100rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.mall-btn .mall-item image {
		width: 50rpx;
		height: 50rpx;
		margin-bottom: 20rpx;
	}

	.mall-btn .mall-item text {
		font-size: 26rpx;
		color: #333;
	}

	.ambassadors {
		width: 702rpx;
		height: 270rpx;
		border-radius: 8rpx;
		border: solid 1rpx #efefef;
		background: #fff;
		display: flex;
		flex-direction: column;
		margin: 0 auto;
		box-shadow: 6rpx 6rpx 8rpx rgba(243, 73, 48, .2)
	}

	.ambassadors .title {
		border: none !important
	}

	.ambassadors .tabbb {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10rpx 20rpx 0 ;
		box-sizing: border-box;
	}

	.ambassadors .tabbb image {
		width: 320rpx;
		height: 150rpx;
		border-radius: 8rpx;
	}
	
	.sign-in-div{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0,.5);
		z-index: 999;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.sign-in-div .cont{
		width: 640rpx;
		height: 640rpx;
		border-radius: 10rpx;
		background: #fff;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		padding: 40rpx 0;
		background: url('https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/resources/Integral-bg1.png?x-oss-process=image/resize,m_fill,h_320,w_320') no-repeat;
		background-size: 100% 100%;
	}
	
	.sign-in-div .cont>view:nth-child(1){
		font-size: 40rpx;
		font-weight: bold;
		color: #fff;
	}
	
	.sign-in-div .cont>view:nth-child(2){
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.sign-in-div .cont>view:nth-child(2)>text:nth-child(1),
	.sign-in-div .cont>view:nth-child(2)>text:nth-child(3){
		display: inline-block;
		width: 100rpx;
		height: 1rpx;
		background: #fff;
	}
	
	.sign-in-div .cont>view:nth-child(2)>text:nth-child(2){
		font-size: 28rpx;
		color: #fff;
		margin: 0 30rpx
	}
	
	.sign-in-div .cont image{
		width:200rpx;
		height: 180rpx;
	}
	
	.sign-in-div .cont>view:nth-child(4){
		font-size: 24rpx;
		color: #fff;
	}
	
	.sign-in-div .cont>view:nth-child(5){
		width: 360rpx;
		height: 88rpx;
		line-height: 90rpx;
		text-align: center;
		color: #fff;
		border-radius: 90rpx;
		font-size: 36rpx;
		color: rgb(51,51,51);
		background: #fff;
	}
	
	.sign-in-div .cont>view:nth-child(6){
		width: 56rpx;
		height: 72rpx;
		border-radius: 0 0 28rpx 28rpx;
		display: flex;
		align-items: flex-end;
		justify-content: center;
		position: absolute;
		top: 0;
		right: 40rpx;
		background: #fff;
	}
	
	.sign-in-div .cont>view:nth-child(6) image{
		width: 24rpx;
		height: 24rpx;
		margin-bottom: 20rpx;
	}
</style>
<style>
	page {
		background: #f5f5f5;
	}
</style>
